<!-- 模块说明 -->
<template>
    <div>
        <div class="top">
            <div>
                <van-nav-bar title="售书架" left-text="" left-arrow @click-left="onClickLeft" />
            </div>
        </div>
        <div class="center">
            <div class="center_t">
                <van-search v-model="value" show-action placeholder="请输入搜索关键字" @search="onSearch">
                    <template #action>
                        <van-button color="#ccad74" size="small" round @click="onClickButton"> 搜索 </van-button>
                    </template>
                </van-search>
            </div>
            <div class="center_c">
                <!-- <ul>
                    <li>写内容</li>
                </ul> -->
            </div>
            <div class="center_b">
                <div>
                    没有更多数据了...
                </div>
            </div>
        </div>

    </div>
</template>

<script setup>
import { ref } from 'vue'
import { showToast } from 'vant';
import { useRoute, useRouter } from 'vue-router'

const router = useRouter()
const onClickLeft = () => history.back();

const value = ref('');
const onSearch = (val) => showToast(val);
const onClickButton = () => showToast(value.value);
</script>

<style lang="scss" scoped>
.top {
    height: 7vh;
    // border-bottom: 1px solid red;
}

.center {

    .center_b {
        text-align: center;
        color: #a1a1a1;
        margin-top: 10px;
    }
}
</style>
